

// 自定义指令点击外部
const clickoutside = {
  bind(el, binding) {
    function documentHandler(e) {
      if (el.contains(e.target)) return
      binding.value(e.target)
    }

    el.vueMenuHandler = documentHandler
    document.addEventListener('click', el.vueMenuHandler)
  },
  unbind(el) { // 指令所在的元素被删除后调用  只调用一次
    document.removeEventListener('click', el.vueMenuHandler)
    delete el.vueMenuHandler
  }
}

export  {
  clickoutside
}
